iT邦幫忙

2023 iThome 鐵人賽
DAY 6
0
Odoo

使用Odoo設計個人網站 系列 第 6 篇

網站主頁面設計(2)

15th鐵人賽
228 瀏覽

  • 分享至 

  • xImage
    •  

今日文章將沿用Day5的內容繼續建立一個介紹2023 iThome鐵人祭的簡易式網頁。
因Day5已更新Logo，接下來將進行下方2個內容的圖文說明

1. 更新logo(Day 4有示範內容)
2. 更新主頁面畫面
3. 主頁下方內容修改

2. 更新主頁面畫面

  • 主頁面往下滑動可看到裡面有許多已建置好的內容區塊，依照使用者的用途可以自行增加內容或刪除。
  • 更新背景圖片
    -->點選右方的黑色視窗中的內容區塊-->點選設計主題-->點選網站下方背景的照相機圖示-->上傳背景圖片
    https://ithelp.ithome.com.tw/upload/images/20230920/20163281y1F3hPK5nS.png

https://ithelp.ithome.com.tw/upload/images/20230920/20163281uGsjJHk0x2.png

  • 更新背景的文字內容
    文字內容可以直接點擊進行修改，大小、顏色、格式可以從設計主題裡面的內文文字進行修正

https://ithelp.ithome.com.tw/upload/images/20230920/201632810CIh62GAbo.png

  • 刪除不必要的內容區塊
    主頁網頁下面有許多預設好的內容區塊，如果不需要的內容，我們可以點擊刪除icon，就可刪除

https://ithelp.ithome.com.tw/upload/images/20230920/20163281ajpukZs7ng.png

3. 主頁下方內容修改
內容區塊裡面有許多頁面結構，依照使用者適合的版面進行置換，這邊選擇一個圖片循環播放，可以在主頁下方看到新畫面，點選左右的箭頭，可以置換新的圖片及內文。

https://ithelp.ithome.com.tw/upload/images/20230920/20163281Q3xrHqDIu9.png

https://ithelp.ithome.com.tw/upload/images/20230920/20163281lRA4TPBpJa.png


上一篇
網站主頁面設計(1)
下一篇
網站聯絡資訊設計及建立(3)
系列文
使用Odoo設計個人網站 共 30 篇
  1. 26
    人資功能介紹 (20)
  2. 27
    員工模組功能介紹(21)
  3. 28
    待辦事項功能介紹(22)
  4. 29
    評價(考核員工機制)功能介紹(23)
  5. 30
    最後心得
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙